#{extends 'posLogin.html' /}
#{set title: 'Livro - CAbeceira' /}

<div  id="dadosLivro">
	<img class="capalivro" src="@{Panel.getCapa(livro.nome)}"/>
	<h3 class="titulolivro">${livro.nome}</h3>
	<div class="autorLivro">
		<h5>${livro.autor}</h5>
	</div>
	<div class="autorLivro">
		#{if livro.ISBN.length()==0}
		<h5>Sem ISBN cadastrado</h5>
		#{/if}
		#{else}
		<h5>ISBN: ${livro.ISBN}</h5>
		#{/else}
	</div>
	<div class="textolivro">
		#{if livro.descricao.length()==0}
		Sem Descrição
		#{/if}
		${livro.descricao}
	</div>
	
<div class="listaproprietarios">
<h5>Proprietários</h5>
<ul>
#{if proprietarios.size() <=0}
		<li>Nenhum Usuário possui este livro</li>
#{/if}
#{list items:proprietarios, as:'proprietario'}
	#{if proprietario.email==usuario}
	 <li><a href="@{Panel.exibirMeuPerfil()}">${proprietario.perfil.nome}</a>- ${proprietario.email}</li>
	#{/if}
	#{else}
    <li><a href="@{Panel.exibirPerfilUsuario(proprietario.email)}">${proprietario.perfil.nome}</a> - ${proprietario.email}</li>
    #{/else}
#{/list}
</ul>
	#{if flash.error}
			<p class="error">
				&{flash.error}
			</p>
	#{/if}
	#{if flash.success}
			<p class="success">
				&{flash.success}
			</p>
	#{/if}
</div>	

</div>
<div id="menuLateralDetalhesLivro">
<ul>
	<li><a href="@{Panel.adicionarlivroestante(livro.nome,usuario)}">Adicionar na minha Estante</a></li>
	#{if proprietarios.size() >0}
	<li><a href="@{Panel.pediremprestadoTodos(livro.nome)}">Pedir Emprestado à todos os Proprietários</a></li>
	#{/if}
	#{if proprietarios.size() >1}
	<li><a href="@{Panel.pedirEmprestado(livro.nome)}">Pedir Emprestado à um Usuário Específico</a></li>
	#{/if}
</ul>
</div>